﻿<RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" class="icon-preview rz-p-12">
    <div><RadzenIcon Icon="accessibility" /><span>accessibility</span></div>
    <div><RadzenIcon Icon="3d_rotation" /><span>3d_rotation</span></div>
    <div><RadzenIcon Icon="accessible" /><span>accessible</span></div>
    <div><RadzenIcon Icon="account_balance" /><span>account_balance</span></div>
    <div><RadzenIcon Icon="account_balance_wallet" /><span>account_balance_wallet</span></div>
    <div><RadzenIcon Icon="account_box" /><span>account_box</span></div>
    <div><RadzenIcon Icon="account_circle" /><span>account_circle</span></div>
    <div><RadzenIcon Icon="add_shopping_cart" /><span>add_shopping_cart</span></div>
    <div><RadzenIcon Icon="alarm" /><span>alarm</span></div>
    <div><RadzenIcon Icon="alarm_add" /><span>alarm_add</span></div>
    <div><RadzenIcon Icon="alarm_off" /><span>alarm_off</span></div>
    <div><RadzenIcon Icon="alarm_on" /><span>alarm_on</span></div>
    <div><RadzenIcon Icon="all_out" /><span>all_out</span></div>
    <div><RadzenIcon Icon="android" /><span>android</span></div>
    <div><RadzenIcon Icon="announcement" /><span>announcement</span></div>
    <div><RadzenIcon Icon="aspect_ratio" /><span>aspect_ratio</span></div>
    <div><RadzenIcon Icon="assessment" /><span>assessment</span></div>
    <div><RadzenIcon Icon="assignment" /><span>assignment</span></div>
    <div><RadzenIcon Icon="assignment_ind" /><span>assignment_ind</span></div>
    <div><RadzenIcon Icon="assignment_late" /><span>assignment_late</span></div>
    <div><RadzenIcon Icon="assignment_return" /><span>assignment_return</span></div>
    <div><RadzenIcon Icon="assignment_returned" /><span>assignment_returned</span></div>
    <div><RadzenIcon Icon="assignment_turned_in" /><span>assignment_turned_in</span></div>
    <div><RadzenIcon Icon="autorenew" /><span>autorenew</span></div>
    <div><RadzenIcon Icon="backup" /><span>backup</span></div>
    <div><RadzenIcon Icon="book" /><span>book</span></div>
    <div><RadzenIcon Icon="bookmark" /><span>bookmark</span></div>
    <div><RadzenIcon Icon="bookmark_border" /><span>bookmark_border</span></div>
    <div><RadzenIcon Icon="bug_report" /><span>bug_report</span></div>
    <div><RadzenIcon Icon="build" /><span>build</span></div>
    <div><RadzenIcon Icon="cached" /><span>cached</span></div>
    <div><RadzenIcon Icon="camera_enhance" /><span>camera_enhance</span></div>
    <div><RadzenIcon Icon="card_giftcard" /><span>card_giftcard</span></div>
    <div><RadzenIcon Icon="card_membership" /><span>card_membership</span></div>
    <div><RadzenIcon Icon="card_travel" /><span>card_travel</span></div>
    <div><RadzenIcon Icon="change_history" /><span>change_history</span></div>
    <div><RadzenIcon Icon="check_circle" /><span>check_circle</span></div>
    <div><RadzenIcon Icon="chrome_reader_mode" /><span>chrome_reader_mode</span></div>
    <div><RadzenIcon Icon="class" /><span>class</span></div>
    <div><RadzenIcon Icon="code" /><span>code</span></div>
    <div><RadzenIcon Icon="compare_arrows" /><span>compare_arrows</span></div>
    <div><RadzenIcon Icon="copyright" /><span>copyright</span></div>
    <div><RadzenIcon Icon="credit_card" /><span>credit_card</span></div>
    <div><RadzenIcon Icon="dashboard" /><span>dashboard</span></div>
    <div><RadzenIcon Icon="date_range" /><span>date_range</span></div>
    <div><RadzenIcon Icon="delete" /><span>delete</span></div>
    <div><RadzenIcon Icon="delete_forever" /><span>delete_forever</span></div>
    <div><RadzenIcon Icon="description" /><span>description</span></div>
    <div><RadzenIcon Icon="dns" /><span>dns</span></div>
    <div><RadzenIcon Icon="done" /><span>done</span></div>
    <div><RadzenIcon Icon="done_all" /><span>done_all</span></div>
    <div><RadzenIcon Icon="donut_large" /><span>donut_large</span></div>
    <div><RadzenIcon Icon="donut_small" /><span>donut_small</span></div>
    <div><RadzenIcon Icon="eject" /><span>eject</span></div>
    <div><RadzenIcon Icon="euro_symbol" /><span>euro_symbol</span></div>
    <div><RadzenIcon Icon="event" /><span>event</span></div>
    <div><RadzenIcon Icon="event_seat" /><span>event_seat</span></div>
    <div><RadzenIcon Icon="exit_to_app" /><span>exit_to_app</span></div>
    <div><RadzenIcon Icon="explore" /><span>explore</span></div>
    <div><RadzenIcon Icon="extension" /><span>extension</span></div>
    <div><RadzenIcon Icon="face" /><span>face</span></div>
    <div><RadzenIcon Icon="favorite" /><span>favorite</span></div>
    <div><RadzenIcon Icon="favorite_border" /><span>favorite_border</span></div>
    <div><RadzenIcon Icon="feedback" /><span>feedback</span></div>
    <div><RadzenIcon Icon="find_in_page" /><span>find_in_page</span></div>
    <div><RadzenIcon Icon="find_replace" /><span>find_replace</span></div>
    <div><RadzenIcon Icon="fingerprint" /><span>fingerprint</span></div>
    <div><RadzenIcon Icon="flight_land" /><span>flight_land</span></div>
    <div><RadzenIcon Icon="flight_takeoff" /><span>flight_takeoff</span></div>
    <div><RadzenIcon Icon="flip_to_back" /><span>flip_to_back</span></div>
    <div><RadzenIcon Icon="flip_to_front" /><span>flip_to_front</span></div>
    <div><RadzenIcon Icon="g_translate" /><span>g_translate</span></div>
    <div><RadzenIcon Icon="gavel" /><span>gavel</span></div>
    <div><RadzenIcon Icon="get_app" /><span>get_app</span></div>
    <div><RadzenIcon Icon="gif" /><span>gif</span></div>
    <div><RadzenIcon Icon="grade" /><span>grade</span></div>
    <div><RadzenIcon Icon="group_work" /><span>group_work</span></div>
    <div><RadzenIcon Icon="help" /><span>help</span></div>
    <div><RadzenIcon Icon="highlight_off" /><span>highlight_off</span></div>
    <div><RadzenIcon Icon="history" /><span>history</span></div>
    <div><RadzenIcon Icon="home" /><span>home</span></div>
    <div><RadzenIcon Icon="hourglass_empty" /><span>hourglass_empty</span></div>
    <div><RadzenIcon Icon="hourglass_full" /><span>hourglass_full</span></div>
    <div><RadzenIcon Icon="http" /><span>http</span></div>
    <div><RadzenIcon Icon="https" /><span>https</span></div>
    <div><RadzenIcon Icon="input" /><span>input</span></div>
    <div><RadzenIcon Icon="invert_colors" /><span>invert_colors</span></div>
    <div><RadzenIcon Icon="label" /><span>label</span></div>
    <div><RadzenIcon Icon="language" /><span>language</span></div>
    <div><RadzenIcon Icon="launch" /><span>launch</span></div>
    <div><RadzenIcon Icon="lightbulb" /><span>lightbulb</span></div>
    <div><RadzenIcon Icon="line_style" /><span>line_style</span></div>
    <div><RadzenIcon Icon="line_weight" /><span>line_weight</span></div>
    <div><RadzenIcon Icon="list" /><span>list</span></div>
    <div><RadzenIcon Icon="lock" /><span>lock</span></div>
    <div><RadzenIcon Icon="lock_open" /><span>lock_open</span></div>
    <div><RadzenIcon Icon="loyalty" /><span>loyalty</span></div>
    <div><RadzenIcon Icon="markunread_mailbox" /><span>markunread_mailbox</span></div>
    <div><RadzenIcon Icon="motorcycle" /><span>motorcycle</span></div>
    <div><RadzenIcon Icon="note_add" /><span>note_add</span></div>
    <div><RadzenIcon Icon="offline_pin" /><span>offline_pin</span></div>
    <div><RadzenIcon Icon="opacity" /><span>opacity</span></div>
    <div><RadzenIcon Icon="open_in_browser" /><span>open_in_browser</span></div>
    <div><RadzenIcon Icon="open_in_new" /><span>open_in_new</span></div>
    <div><RadzenIcon Icon="open_with" /><span>open_with</span></div>
    <div><RadzenIcon Icon="pageview" /><span>pageview</span></div>
</RadzenStack>
<style>
    .icon-preview div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        width: 120px;
    }
    .icon-preview span {
        color: var(--rz-text-disabled-color);
        font-size: 0.75rem;
    }
</style>